import Dog from './Dog'
import Screen from './Screen'
import Computer from './Computer'
import Notification from './Notification'
import { useState } from 'react'

// 封装Notification 复用
function App() {
  const [num,setNum] = useState(0);

  setTimeout(()=>{
    setNum(2)
  },1000)

  return (
    <div className="App">
      {/* 自定义组件 <Dog></Dog> */}
      <Dog />
      <Dog />
      <Computer />
      <Computer />
      <Notification n={num} />
    </div>
  )
}

export default App
